#popupload{font-size: 10px;}
#filetmp .cabecera_archivo, .lista_file{padding: 10px 20px; color:#456}
#filetmp .cabecera_archivo span, .lista_file span{display: inline-block}
.cabecera_archivo{background: #dfdfdf; border-bottom: 1px solid #cdcdcd}
.lista_file{background: #f9f9f9;border-bottom: 1px solid #dddddd}
/*
.nombre_archivo{width: 500px;}
.tamano_archivo{width: 100px;}
.estado_archivo{width: 150px;}
*/
.nombre_archivo{width: 60%; max-width: 60%; overflow-x: hidden; text-overflow:ellipsis}
.tamano_archivo{width: 10%;}
.estado_archivo{width: 25%; float: right;}
#lista_upload{height: 100px !important; overflow-y: auto;}

#result_file{margin-top: 45px; width: 99.9%; height: 200px !important; background: #fff; border: 1px solid #999999; overflow-y: auto;}
#result_file ul{margin: 0; padding: 0;}
#result_file li{padding: 10px 10px 10px 20px; border-bottom: 1px solid #c6c6c6; list-style: none;}
#result_file li a{text-decoration: none; padding: 0; margin: 0;}
#result_file li span{display: block; color:#456; line-height: 1.4em;}
#result_file li:before{float: left;}


.list_result_filedemo{margin-top: 45px; width: 99.9%; height: 200px !important; background: #fff; border: 1px solid #999999; overflow-y: auto;}
.list_result_filedemo ul{margin: 0; padding: 0;}
.list_result_filedemo li{padding: 10px 10px 10px 20px; border-bottom: 1px solid #c6c6c6; list-style: none;}
.list_result_filedemo li a{text-decoration: none; padding: 0; margin: 0;}
.list_result_filedemo li span{display: block; color:#456; line-height: 1.4em;}
.list_result_filedemo li:before{float: left;}


.list_documt_gest{margin-top: 45px; width: 99.9%; height: 200px !important; background: #fff; border: 1px solid #999999; overflow-y: auto;}
.list_documt_gest ul{margin: 0; padding: 0;}
.list_documt_gest li{padding: 10px 10px 10px 20px; border-bottom: 1px solid #c6c6c6; list-style: none;}
.list_documt_gest li a{text-decoration: none; padding: 0; margin: 0;}
.list_documt_gest li span{display: block; color:#456; line-height: 1.4em;}
.list_documt_gest li:before{float: left;}





/* progressbar */
.progressbar{width:80px; height:10px; margin:0; padding:0px; background:#cfcfcf; border-width:1px; border-style:solid;
    border-color: #aaa #bbb #fff #bbb; box-shadow:inset 0px 2px 3px #bbb;
}

.progressbar{border-radius:13px; -moz-border-radius:13px; -webkit-border-radius:13px; -o-border-radius:13px;}
.progressbar div{border-radius:9px; -moz-border-radius:9px; -webkit-border-radius:9px; -o-border-radius:9px;}
.progressbar div{height:100%; background:#99dd64; background-size:18px 18px; background-color: #ac0;
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
                        transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
                        transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
                        transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
                        transparent 75%, transparent);
    background-image: -ms-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
                        transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
                        transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
                        transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
                        transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
                        transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
                        transparent 75%, transparent);
    box-shadow:inset 0px 2px 8px rgba(255, 255, 255, .5), inset -1px -1px 0px rgba(0, 0, 0, .2);
}

.progressbar div{background-color:#99dd64; text-align: right; font-size: 10px; color: #355622; vertical-align: middle;
    width:0%;
}

.total_upload{height: 16px !important; border-bottom: 1px solid #cccccc; border-top: 1px solid #cccccc; padding: 3px 0;
    cursor: pointer;}
.total_upload:before{
    float: left;
    content: ''; overflow:hidden; background-repeat: no-repeat;background-image:url(clip.png);
    width: 20px; height: 16px; background-position: 0px;
    line-height: 16px;
}

.total_upload:after{
    float: right;
    content: ''; overflow:hidden; background-repeat: no-repeat;background-image:url(c5.png);
    width: 11px; height: 16px; background-position: -103px -16px;
    line-height: 16px;
}


/* extensiones */
.lista_upload ul{margin: 0; padding: 0;}
.lista_upload li{padding: 10px; list-style: none;}
.lista_upload li a{text-decoration: none; padding: 0; margin: 0;}
.lista_upload li span{display: block; color:#456; line-height: 1.4em;}
.lista_upload li:before{float: left;}


.archivo_upload > li:before,
.list_view_archivo > li:before,
.list_view_docgest > li:before,
.lista_upload > li:before{content: ''; overflow:hidden; background-repeat: no-repeat;background-image:url(extension.png);}


.bmp:before  {width:32px; height:32px; background-position: -2px -2px}
.cup:before  {width:32px; height:32px; background-position: -36px -2px}
.docx:before  {width:32px; height:32px; background-position: -70px -2px}
.doc:before  {width:32px; height:32px; background-position: -70px -2px}
.dwg:before  {width:32px; height:32px; background-position: -104px -2px}
.eml:before  {width:32px; height:32px; background-position: -138px -2px}
.eps:before  {width:32px; height:32px; background-position: -2px -36px}
.exe:before  {width:32px; height:32px; background-position: -36px -36px}
.gif:before  {width:32px; height:32px; background-position: -70px -36px}
.html:before  {width:32px; height:32px; background-position: -104px -36px}
.jpeg:before  {width:32px; height:32px; background-position: -138px -36px}
.jpg:before  {width:32px; height:32px; background-position: -2px -70px}
.lnk:before  {width:32px; height:32px; background-position: -36px -70px}
.log:before  {width:32px; height:32px; background-position: -70px -70px}
.num:before  {width:32px; height:32px; background-position: -104px -70px}
.pdf:before  {width:32px; height:32px; background-position: -138px -70px}
.png:before  {width:32px; height:32px; background-position: -2px -104px}
.pptx:before  {width:32px; height:32px; background-position: -36px -104px}
.ppt:before  {width:32px; height:32px; background-position: -36px -104px}
.pst:before  {width:32px; height:32px; background-position: -70px -104px}
.ptb:before  {width:32px; height:32px; background-position: -104px -104px}
.rar:before  {width:32px; height:32px; background-position: -138px -104px}
.txt:before  {width:32px; height:32px; background-position: -2px -138px}
.xlsx:before  {width:32px; height:32px; background-position: -36px -138px}
.xls:before  {width:32px; height:32px; background-position: -36px -138px}
.zip:before  {width:32px; height:32px; background-position: -70px -138px}

#adjuntar, #upload{cursor: pointer;}